<template>
  <div class="m-footer-index">
    <div class="m-footer m-app-container clearfix">
      <div class="help-list fl">
        <div class="logo">
          <img src="../../assets/logo.png" alt="">
        </div>
        <div class="item">
          <span>友情链接：关于我们 | 经营资历 | 帮助中心 | 新手指引 | 联系我们</span>
        </div>
        <div class="item">
          <span>客服热线：0573-8858-0333 </span>
        </div>
        <div class="item">
          <span>地址：浙江省衢州市梧桐路186号</span>
        </div>
      </div>
      <div class="fr">
        <div class="code-item">
          <div class="img-code"></div>
          <span>下载手机APP</span>
        </div>
        <div class="code-item">
          <div class="img-code"></div>
          <span>关注官方微信</span>
        </div>
      </div>
    </div>
    <div class="copy-right">
      <p>Copyright ©2018-2023 All Rights Reserved. 版权所有：浙江宇都控股集团</p>
    </div>
  </div>
</template>

<style lang="scss" scoped>
@import '../../scss/_var.scss';
.m-footer-index {
  width: 100%;
  font-size: 14px;
  color: $color-white;
  background-color: #323232;
  padding: 50px 0; 
  .copy-right {
    text-align: center;
    padding-top: 50px;
  }
  .help-list {
    .logo {
      width: 156px;
      height: 60px;
    }
    .item {
      text-align: left;
      margin-top: 10px;
    }
  }
  .code-item {
    &:first-child {
      margin-right: 60px;
    }
    width: 122px;
    text-align: center;
    display: inline-block;
    .img-code {
      width: 122px;
      height: 122px;
    }
  }
}
</style>
